html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; vertical-align: baseline; font: normal 100% inherit }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
body { background: #fff; line-height: 1; -moz-user-select: none; -khtml-user-select: none; user-select: none }
html, body { -webkit-touch-callout: none }
ol, ul { list-style: none }
table { border-collapse: collapse; border-spacing: 0 }
td { vertical-align: middle }
.columns img, .column img { height: auto; max-width: 100% }
img, object, video { height: auto; max-width: 100% }
img { width: auto; border: 0; -ms-interpolation-mode: bicubic }
h1, h2, h3, h4, h5, h6 { color: #333; font-weight: bold; font-family: Arial, sans-serif }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit }
h1 { font-size: 1.75em; line-height: 50px }
h2 { font-size: 1.375em; line-height: 30px }
h3 { font-size: 1em; line-height: 34px }
h4 { font-size: .875em; line-height: 30px }
h5 { font-size: .75em; line-height: 24px }
h6 { font-size: .625em; line-height: 21px }
p img { margin: 0 }
em { font-style: italic }
strong { color: #333; font-weight: bold }
small { font-size: 80% }
hr { clear: both; margin:0; height: 0; border: solid #ddd; border-width: 1px 0 0 }
a, a:visited { outline: 0; color: #333; text-decoration: none; -webkit-transition: color .1s ease-in-out; -moz-transition: color .1s ease-in-out; -o-transition: color .1s ease-in-out; -transition: color .1s ease-in-out }
a:hover, a:focus { color: #333 }
p a, p a:visited { line-height: inherit }
ul, ol { margin: 0 }
ul { list-style: none outside }
ol { list-style: decimal }
ol, ul.square, ul.circle, ul.disc { margin-left: 30px }
li { line-height: 18px }
li p { line-height: 21px }
select { padding: 0; border-radius: 0 }
textarea { min-height: 60px }
input[type="checkbox"] { position: relative; top: 1px; display: inline; margin-right: 5px }
label span, legend span { color: #444; font-weight: normal; font-size: .875em }
.container:after { clear: both; display: block; visibility: hidden; height: 0; content:"\0020"}
.clearfix:before, .clearfix:after, .row:before, .row:after { display: block; visibility: hidden; overflow: hidden; width: 0; height: 0; content:'\0020'}
.clearfix, .row:after, .clearfix:after { clear: both }
.row, .clearfix { zoom: 1 }
.clear { clear: both; display: block; visibility: hidden; overflow: hidden; width: 0; height: 0 }
.dis_block { display: block }
.dis_none { display: none }
.no_border { border: none!important }
body .allow_click { display: block; background: url("../images/icon_go.png") no-repeat scroll 96% 50% #fff; cursor: pointer }
body .inp_click { display: block; background: url("../images/icon_go.png") no-repeat scroll 100% 50% #fff; cursor: pointer }
.icon_place { float: left; display: block; width: 18px; height: 18px; background: url(../images/icon_place.png) no-repeat; background-position: 2px 0 }
.icon_place_r { float: left; display: block; width: 15px; height: 22px; background: url(../images/place.png) no-repeat }
.icon_place_g { float: left; display: block; width: 18px; height: 18px; background: url(../images/icon_place_g.png) no-repeat }
.icon_list { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_list.png) no-repeat }
.icon_scan { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_scan.png) no-repeat }
.icon_cart { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_cart.png) no-repeat }
.icon_order { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_order.png) no-repeat }
.icon_credits { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_credits.png) no-repeat }
.icon_setting { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_setting.png) no-repeat }
.icon_logout { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_logout.png) no-repeat }
.icon_change_mini { float: left; display: block; width: 15px; height: 22px; background: url(../images/icon_change_mini.png) no-repeat }
.icon_down { padding-right: 12px; background: url("../images/icon_down.png") no-repeat scroll 100% 50% #fff; cursor: pointer }
.icon_choose { padding-right: 22px; background: url("../images/icon_choose.png") no-repeat scroll 100% 50% #fff; cursor: pointer }
.search { margin-top: 10px; margin-right: 10px; color: #fff }
.search_input { float: left; padding: 7px 5px; width: 130px; height: 16px; border: 0; background: #fff; box-shadow: none; line-height: 16px }
.search .search_a { float: left; padding: 5px; width: 20px; height: 20px; border-left: #ddd solid 1px; background: #fff }
.choose_search { position: relative; left: 50%; margin-left: -90px; color: #fff }
.choose_search_input { float: left; margin-right: 2px; padding: 7px 5px; width: 130px; height: 16px; border: #ddd solid 1px; background: #fff; box-shadow: none; line-height: 16px }
.choose_search .choose_search_a { float: left; padding: 5px; width: 20px; height: 20px; border: #ddd solid 1px; background: #fff }
.submit_button[disabled] { border: #ddd solid 1px; background: #eee; color: #aaa }
.color_theme { color: #20a0d1 }
.icon_left { display: inline-block; width: 12px; height: 100%; background: url(../images/icon_left.png) no-repeat 0 50%!important }
.icon_right { display: inline-block; width: 12px; height: 100%; background: url(../images/icon_right.png) no-repeat 100% 50%!important }
.submit_button { width: 100%; height: 40px; border: #20a0d1 solid 1px; background: #20a0d1; color: #fff; font-size: 1.25em; cursor: pointer; -webkit-appearance: none }
.pidd_ten { padding: 10px }
.padd_top { padding: 20px 10px 10px }
.container { position: relative; top: 0; left: 0; z-index: 1; padding-bottom:20px; width: 100%; background: #fff }
.hotel_sort li { float: left; overflow: hidden; width: 50%; height: 40px; border-bottom: #eee solid 1px; background: #fff; text-align: center; line-height: 40px }
.hotel_sort li.link { height: 37px; border-bottom: #32c2fe solid 4px; color: #20a0d1 }
.hotel_search { width: 100%; border: #ddd solid 1px; border-bottom: 0 }
.inp_item { position: relative; padding: 0 10px; height: 40px; border-bottom: #ddd solid 1px; background: #fff; font-size: 1em; line-height: 40px }
.inp_item_l { float: left; height: 40px; line-height: 40px }
.inp_item_r { margin-left: 90px; height: 40px; line-height: 40px }
.inp_item_long { height: 40px; line-height: 40px }
.inp_button { display: block; width: 100%; height: 40px; border: #20a0d1 solid 1px; background: #20a0d1; color: #fff; text-align: center; font-size: 1.25em; line-height: 40px; cursor: pointer }
.div_back { position: fixed; z-index:999; bottom: 0; left: 0; width: 100%; height: 40px; background: #313131; line-height: 40px; -webkit-transform: translate3d(0px, 0px, 0px) }
.back_right { display: inline-block; padding: 5px 0; width: 50%; height: 30px; background: url(../images/back.png) no-repeat 50% 50%; text-align: center }
.search_city { background: #eee; height: 40px; line-height: 40px }
.city_input { margin-left: 3%; margin-top: 5px; margin-bottom: 5px; padding: 5px 3%;/* height: 30px; line-height: 30px;*/ width: 61%; border: 0; border-radius: 10px; background: #fff;}
.search_btn { height: 30px; margin-top: 5px; margin-bottom: 5px; background: #eee; margin-left: 3%; width: 27%; border: 0; text-align: center }
.hotel_city { position: absolute; left: 101%; z-index: 10 }
.city_classify li { padding:15px 10px; border-bottom: #ddd solid 1px;}
.city_classify p { padding: 10px; border-bottom: #ddd solid 1px; background: #eee; color: #888; line-height: 18px }
.hotel_city_sort li { float: left; overflow: hidden; width: 50%; height: 40px; border-bottom: #eee solid 1px; background: #fff; text-align: center; line-height: 40px }
.hotel_city_sort li.link { height: 37px; border-bottom: #32c2fe solid 4px; color: #20a0d1 }
.hotel_date { position: absolute; left: 101%; z-index: 11 }
.hotel_cabin { position: absolute; left: 101%; z-index: 11 }
.hotel_list_sort li { float: left; overflow: hidden; width: 25%; height: 60px; border-bottom: #eee solid 1px; background: #fff; text-align: center; line-height: 60px }
.hotel_list_sort li span { display: inline-block; height: 60px; line-height: 60px }
.hotel_list_sort_date { margin-top: 10px; color: #20a0d1; font-size: 1.375em }
.hotel_list_sort_price { color: #f93; line-height: 20px }
.hotel_list_info li { padding: 10px; border-bottom: #ddd solid 1px }
.hotel_details_top { position: relative; line-height: 1.25em }
.hotel_list_time { font-size: 1.375em }
.hotel_list_time2 { font-size: 1.125em }
.hotel_list_place { padding-left: 10px }
.hotel_list_price { position: absolute; top: 3px; right: 0; font-size: .875em }
.hotel_list_price b { position: relative; padding-left: 2px; color: #f93; font-weight: 100; font-size: 1.125em }
.hotel_details_btm { position: relative; margin-top: 5px }
.hotel_details_btm span { padding-right: 15px; color: #666 }
.hotel_details_btm span.details_btm_right { position: absolute; right: 0; padding-right: 0 }
.hotel_info_top { border-bottom: #32c2fe solid 4px }
.hotel_info_title { padding: 10px; background: #f5f5f5 }
.hotel_info_title span { margin-right: 10px }
.hotel_info_con { margin-top: 5px; padding: 0 }
.hotel_info_con ul { background: url(../images/icon_plane.png) no-repeat 50% 50% }
.hotel_info_con li { position: relative; margin: 20px 0 }
.hotel_info_con li.mid_font { font-size: 1.25em }
.hotel_info_con li.big_font { font-size: 1.875em }
.hotel_info_con li span.right { position: absolute; right: 0 }
.hotel_info_ticket { padding: 10px; border-top: #eee solid 2px; color: #666 }
.hotel_info_ticket li { position: relative; padding: 5px 0 }
.hotel_info_ticket li .left { display: inline-block }
.hotel_info_ticket li .left p { line-height: 20px }
.hotel_info_ticket li .right { position: absolute; right: 0; display: inline-block }
.hotel_info_ticket li .right span.ticket_btn { display: inline-block; overflow: hidden; padding-right: 0; width: 120px }
.hotel_info_ticket li .right span.ticket_btn input { border-radius: 3px; -webkit-appearance: none }
.hotel_info_ticket li .right span { display: inline-block; padding-right: 10px; vertical-align: middle; line-height: 40px }
.hotel_info_ticket li span b { display: inline-block; color: #f93; line-height: 40px }
.hotel_info_tip p { padding: 8px 0; text-align: left; font-size: .875em; line-height: 21px }
.icon_down { position: relative; top: 4px; display: inline-block; margin-left: 10px; width: 21px; height: 21px; background: url(../images/icon_down.png) no-repeat }
.icon_up { position: relative; top: 4px; display: inline-block; margin-left: 10px; width: 21px; height: 21px; background: url(../images/icon_up.png) no-repeat }
.hotel_info_tip ul { border-top: #ddd dotted 1px }
.hotel_info_tip li { padding: 5px 0; color: #888; line-height: 1.25em }
.fixed_top { border-bottom: #ddd solid 1px; background: #feeea0 }
.fixed_top_con { padding: 10px; border-bottom: #e1c8a0 solid 1px; font-size: .75em }
.fixed_top_con span { padding-left: 8px }
.fixed_top_con span:frist{padding-left:0}
.hotel_info_book { position: relative; font-size: .75em }
.hotel_info_book .left { display: inline-block }
.hotel_info_book .right { position: absolute; right: 0; display: inline-block }
.hotel_info_book .right span { padding-left: 3px }
.hotel_info_book .right span:frist {padding-right:0}
.hotel_info_book .right span b { color: #f93 }
.hotel_info_con_2 { margin-top: 5px; padding: 0 }
.hotel_info_con_2 ul { background: url(../images/icon_plane.png) no-repeat 50% 50% }
.hotel_info_con_2 li { position: relative; margin: 10px 0 }
.hotel_info_con_2 li span.right { position: absolute; right: 0 }
.hotel_info_ticket_2 { padding: 10px 0; border-top: #eee solid 1px; color: #666 }
.hotel_person_info { padding: 0 10px 10px }
.hotel_person { margin-top: 10px; border: #ddd solid 1px; border-bottom: 0 }
.add_person { position: relative; padding: 15px 10px; height: 28px; border-bottom: #ddd solid 1px; color: #888; line-height: 28px }
.add_person span.left { height: 28px; font-size: 1.375em; line-height: 28px }
.add_person span.right { position: absolute; right: 10px; height: 28px; line-height: 28px }
.hotel_person li { position: relative; padding: 15px 10px; height: 40px; border-bottom: #ddd solid 1px; line-height: 40px }
.hotel_person li>div { display: inline-block }
.hotel_person_del { float: left; display: inline-block; margin-right: 5px; width: 15%; height: 40px; line-height: 40px }
.hotel_person_name { font-size: 1.125em }
.hotel_person_id { color: #888 }
.hotel_person_id span.right { padding-left: 10px }
.hotel_person_phone { position: relative; padding: 10px 10px; height: 40px; border-bottom: #ddd solid 1px; line-height: 40px }
.hotel_person_phone span.left { padding-right: 20px; height: 40px; color: #888; line-height: 40px }
.hotel_person_phone span.right { position: absolute; right: 10px; height: 40px; line-height: 40px }
.hotel_person_phone .inp_add_person { width: 55%; height: 28px; border: 0; font-size: 1em; line-height: 28px }
.hotel_person_insurance { position: relative; padding: 15px 10px; height: 65px; border-bottom: #ddd solid 1px; line-height: 65px }
.hotel_person_insure { float: left; width: 15%; height: 65px; line-height: 65px }
.hotel_person_insurance div.right { display: inline-block; margin-top: 11px; width: 81%; line-height: 22px }
.hotel_closing { padding: 0 }
.hotel_closing span.hotel_total { position: relative; bottom: 0; display: inline-block; padding-left: 5%; width: 65%; height: 40px; background: #32c2fe; color: #fff; line-height: 40px }
.hotel_closing .hotel_pay { position: absolute; right: 0; bottom: 40px; clear: both; display: inline-block; padding: 0; width: 35%; height: 40px; border: 0; background: #20a0d1; color: #fff; line-height: 40px; -webkit-appearance: none }
.add_fly_person { border: #ddd solid 1px; border-bottom: 0 }
.add_fly_person>ul>li { position: relative; padding: 15px 10px; height: 28px; border-bottom: #ddd solid 1px; line-height: 28px }
.add_fly_person>ul>li label { float: left; width: 30%; height: 28px; font-size: 1em; line-height: 28px }
.add_fly_person>ul>li .inp_add_person { width: 69%; height: 28px; border: 0; font-size: 1em; line-height: 28px }
.select_div { display: inline-block; height: 28px; line-height: 28px }
.select_div span { display: inline-block; height: 28px; line-height: 28px }
.choose_fly_person { border: #ddd solid 1px; border-bottom: 0 }
.choose_fly_person li { position: relative; padding: 15px 10px; height: 42px; border-bottom: #ddd solid 1px; line-height: 42px }
.choose_fly_person li span { float: left; height: 42px; line-height: 42px }
.choose_fly_person li span.left { display: inline-block; width: 10% }
.choose_fly_person li input[type="checkbox"] { position: relative; top: 10px }
.choose_fly_person li span.mid { color: #20a0d1 }
.choose_fly_person li span.mid b { padding-left: 5px; font-weight: 100 }
.choose_fly_person li span.right { position: absolute; right: 0; display: inline-block; width: 18% }
.hotel_insurance_explain { line-height: 20px }
.hotel_insurance_exp_con p { margin-top: 10px; color: #888; font-size: .875em }
.ticket_exp { padding: 10px; background: #eee }
.ticket_exp p { padding: 3px 0; height: auto; border: 0; line-height: 1.5em }
.divtab_con_1, .divtab_con_2, .divtab_con_3, .divtab_con_4, .divtab_con_5 { position: absolute; left: 101%; z-index: 11 }
.hotel_pay[disabled] { background: #eee; border: #ddd solid 1px; color: #aaa }

#divtab_2{background:rgba(0,0,0,0.7); min-height:100%; width:100%; position:absolute; top:0; left:0; z-index:999;}
.fixed{
	background: none repeat scroll 0 0 #efefef;
    border-top: 1px solid #bcbcbc;
    bottom: 0;
    box-sizing: border-box;
    padding: 10px;
    position:fixed;
    width: 100%;
    z-index: 300;
}

.fixed dt{ clear: left;font-size: 14px;padding-bottom: 5px;}
.fixed dd{
	background:#fff;
    border: 1px solid #dbdbdb;
    float: left;
    font-size: 12px;
    margin-bottom: 10px;
    margin-left: -2px;
    padding: 10px 0;
    text-align: center;
    width: 25%
}
.fixed .star dd{width:33.3%;}
.fixed dd.checked{background:#20a0d1;color: #fff;}
	
@media only screen and (max-width:358px) {
.hotel_list_info { font-size: 84% }
.insure_list_title, .insure_list_price { font-size: 90% }
.fixed dd{font-size: 11px;}
}
@media (min-width: 600px) and (max-width: 650px) {
body { font-size: 150% }
li { line-height: 28px }
li p { line-height: 30px }
.container { padding-bottom:60px }
.submit_button { height: 60px }
.inp_button { height: 60px; line-height: 60px }
.div_back { height: 60px; line-height: 60px }
.back_right { padding: 8px 0; height: 44px }
.search_city { height: 60px; line-height: 60px }
.city_input { padding: 10px 3%; font-size: 0.875em;/* height: 40px; line-height: 40px;*/ margin-top: 10px; margin-bottom: 10px }
.search_btn { font-size: 0.875em; height: 40px; margin-top: 10px; margin-bottom: 10px }
.hotel_city_sort li { height: 60px; line-height: 60px }
.hotel_city_sort li.link { height: 57px }
.hotel_sort li.link { height: 55px }
.hotel_sort li { height: 58px; line-height: 58px }
.city_classify p { padding: 15px 10px; line-height: 28px }
.inp_item { height: 60px; line-height: 60px }
.inp_item_l { height: 60px; line-height: 60px }
.inp_item_r { height: 60px; line-height: 60px; margin-left: 135px }
.inp_item_long { height: 60px; line-height: 60px }
.hotel_list_sort li { height: 90px; line-height: 90px }
.hotel_list_sort li span { height: 90px; line-height: 90px }
.hotel_list_sort_date { margin-top: 20px }
.hotel_list_sort_price { line-height: 30px }
.hotel_list_info li { padding: 20px 10px }
.hotel_details_btm { margin-top: 8px }
.hotel_info_title span { margin-right: 15px }
.hotel_info_title { padding: 20px 10px }
.hotel_info_ticket li { padding: 8px 0 }
.hotel_info_ticket li .left p { line-height: 30px }
.hotel_info_book .right span { padding-left: 5px }
.hotel_info_ticket_2 { padding: 15px 0 }
.add_person { padding: 20px 10px; height: 42px; line-height: 42px }
.add_person span.left { height: 42px; line-height: 42px }
.add_person span.right { height: 42px; line-height: 42px }
.hotel_person li { padding: 20px 10px; height: 60px; line-height: 60px }
.hotel_person_del { height: 60px; line-height: 60px }
.hotel_person_phone { padding: 20px 10px; height: 60px; line-height: 60px }
.hotel_person_phone span.left { padding-right: 30px; height: 60px; line-height: 60px }
.hotel_person_phone span.right { height: 60px; line-height: 60px }
.hotel_person_phone .inp_add_person { height: 42px; line-height: 42px }
.hotel_person_insurance { padding: 20px 10px; height: 98px; line-height: 98px }
.hotel_person_insure { height: 98px; line-height: 98px }
.hotel_person_insurance div.right { margin-top: 16px; line-height: 33px }
.city_classify li { padding:25px 10px;}
.hotel_closing span.hotel_total { height: 60px; line-height: 60px }
.hotel_closing .hotel_pay { bottom: 60px; height: 60px; line-height: 60px }
.add_fly_person>ul>li { padding: 20px 10px; height: 42px; line-height: 42px }
.add_fly_person>ul>li label { height: 42px; line-height: 42px }
.add_fly_person>ul>li .inp_add_person { height: 42px; line-height: 42px }
.select_div { height: 42px; line-height: 42px }
.select_div span { height: 42px; line-height: 42px }
.choose_fly_person li { padding: 20px 10px; height: 60px; line-height: 60px }
.choose_fly_person li span { height: 60px; line-height: 60px }
.hotel_insurance_explain { line-height: 30px }
.hotel_details_btm span { padding-right: 22px }
.hotel_list_place { padding-left: 22px }
.fixed{ padding:15px 10px;}
.fixed dt{font-size:21px;padding-bottom: 8px;}
.fixed dd{font-size: 18px;margin-bottom:15px;padding:15px 0;}
}
